<template>
  <div class='container'>
    <h2>{{ArticleDetails.title}}</h2>
    <p><span>{{ArticleDetails.createTime}}</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>{{ArticleDetails.username}}</span>&nbsp;&nbsp;&nbsp;&nbsp;<i class="el-icon-view"></i>&nbsp;&nbsp;&nbsp;&nbsp;<span>{{ArticleDetails.visits}}</span></p>
    <el-card style="background: #eee" v-html="ArticleDetails.articleBody"></el-card>
  </div>
</template>

<script>
export default {
  name: 'ArticlesPreview',
  props: {
    ArticleDetails: {
      type: Object,
      required: true
    }
  }
}
</script>

<style scoped lang='scss'>

</style>
